<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"      
      >

    <f:view contentType="text/html">
        <h:head>             <meta http-equiv="expires" content="0"></meta>             <meta http-equiv="Cache-Control" content="no-cache"></meta>             <meta http-equiv="Cache-Control" content="no-cache"></meta>
            <title>.:DMES:. - Terceros</title>
            <link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/webStyle.css"/>
            <script type="text/javascript">
                window.setTimeout("personInit()",500);
            </script>
        </h:head>
        <h:body style="background-color: #000;">
            <p:ajaxStatus onstart="PF('statusDialog').show()" oncomplete="PF('statusDialog').hide()"/>
            <p:dialog modal="true" widgetVar="statusDialog" header="Cargando..."
                      draggable="false" closable="false" resizable="false">
                <p:graphicImage value="/images/loadBar.gif"/>
            </p:dialog>
        
            <!--         Dialogo para guardar nuevos Usuarios         -->
            <p:dialog id="dialogPersonSave" widgetVar="dialogPersonSave" position="center top" width="800"
                      closable="true" draggable="true" dynamic="true" header="Crear Terceros"
                      hideEffect="explode" modal="true" showEffect="explode" resizable="true">


                <h:form id="formWizard" >
                    <p:wizard  flowListener="#{scpersonBean.onFlowProcessSavePerson}" id="wizardSave" widgetVar="wizardSave" >
<!--                        Pestaña de datos básicos a guardar-->
                        <p:tab title="Datos Básicos" id="tabBasicDataSave" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para los datos básicos del Tercero">
                            <p:panel header="Datos Básicos del Tercero" >
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  value="Imagen"/>
                                        </td>
                                        <td width="40%" align="left" valign="middle">
                                        <h:graphicImage value="#{scpersonBean.searchImage(scpersonBean.personAdd)}" alt="Imagen no disponible" id="imageSave" 
                                                            width="120" height="120"  />
                                            <p:spacer width="5px"/>
                                            <p:commandButton  id="btnPicture" icon="ui-icon-image"  oncomplete="PF('pictureSave').show()" style="top: -10px;"
                                                              ignoreAutoUpdate="true"/>                                       
                                        </td>
                                        <td colspan="2" ></td>
                                    </tr>
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfId" value="Cédula"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfId"  value="#{scpersonBean.personAdd.identification}"
                                        required="true" requiredMessage="Campo obligatorio debe ingresar la cédula del tercero"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfAge" value="Edad"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputMask    id="tfAge"  value="#{scpersonBean.personAdd.age}"
                                                        mask="99" required="true" requiredMessage="Campo obligatorio debe ingresar la edad del tercero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfLastName" value="Apellidos"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfLastName"  value="#{scpersonBean.personAdd.lastName}"
                                        required="true" requiredMessage="Campo obligatorio debe ingresar los apellidos del tercero"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfFirstName" value="Nombres"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfFirstName"  value="#{scpersonBean.personAdd.firstName}"
                                        required="true" requiredMessage="Campo obligatorio debe ingresar los nombres del tercero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfCountry" value="País"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfCountry"  value="#{scpersonBean.personAdd.country}"
                                                            required="true" requiredMessage="Campo obligatorio debe ingresar el país de nacionalidad del tercero"/>
                                        </td>
                                         <td width="10%" align="right">
                                            <p:outputLabel  for="tfCity" value="Ciudad"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfCity"  value="#{scpersonBean.personAdd.city}"
                                                            required="true" requiredMessage="Campo obligatorio debe ingresar la ciudad del tercero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                       
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfDomicilie" value="Dirección"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfDomicilie"  value="#{scpersonBean.personAdd.domicilie}"
                                                            required="true" requiredMessage="Campo obligatorio debe ingresar la dirección del tercero"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfDescription" value="Descripción"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputTextarea    id="tfDescription"  value="#{scpersonBean.personAdd.description}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfPersonalInformation" value="Información Personal"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputTextarea    id="tfPersonalInformation"  value="#{scpersonBean.personAdd.personalInformation}"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfStudies" value="Estudios"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputTextarea    id="tfStudies"  value="#{scpersonBean.personAdd.studies}"/>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab> 
<!--                        pestaña de telefonos a guardar-->
                        <p:tab title="Teléfonos" id="tabPhonesSave" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para los Teléfonos del Tercero">
                            <p:panel header="Teléfonos del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfPhoneSave" value="Teléfono"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfPhoneSave" value="#{scpersonBean.phoneAdd.numberPhone}" />
                                                <p:tooltip for="tfPhoneSave" value="Ingrese sólo números, teniendo en cuenta el operador de cada número ejemplo 0325142402"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfPhoneDescriptionSave" value="Descripción"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfPhoneDescriptionSave" value="#{scpersonBean.phoneAdd.description}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfPhoneSave,tfPhoneDescriptionSave,dataTablePhones"
                                                            actionListener="#{scpersonBean.savePhonesByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTablePhones" 
                                                    var="phones" 
                                                    value="#{scpersonBean.personPhoneList}"
                                                    rowKey="#{phones.idPhone}"
                                                    paginator="true" rows="10"  
                                                    pageLinks="40" editable="true"
                                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                    {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                    liveResize="true" rowsPerPageTemplate="15,30,50"
                                                    paginatorPosition="top"
                                                    sortBy="#{phones.idPhone}">
                                            <p:column  style="width:32px">
                                                <p:commandButton icon="ui-icon-close" update="dataTablePhones" title="Eliminar Teléfono"
                                                                 process=":formWizard:dataTablePhones" actionListener="#{scpersonBean.removePhonesByPerson(phones)}" >
                                                </p:commandButton>
                                            </p:column>
                                           <p:column  headerText="Teléfono" sortBy="#{phones.numberPhone}">
                                               <p:outputLabel value="#{phones.numberPhone}"/>
                                           </p:column>
                                           <p:column  headerText="Descripción" sortBy="#{phones.description}">
                                               <p:outputLabel    value="#{phones.description}"/>
                                           </p:column>
                                       </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                                 
                            </p:panel>
                        </p:tab>
<!--                        pestaña de correos a guardar-->
                        <p:tab title="Correos" id="tabMailsSave" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para los Correos del Tercero">
                            <p:panel header="Correos del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfMailSave" value="Correo"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfMailSave" value="#{scpersonBean.mailAdd.mail}" />
                                                <p:tooltip for="tfMailSave" value="Ingrese un correo con el formato xxxxxxxx@xxxxx.xxx"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfMailDescriptionSave" value="Descripción"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfMailDescriptionSave" value="#{scpersonBean.mailAdd.description}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfMailSave,tfMailDescriptionSave,dataTableMails"
                                                            actionListener="#{scpersonBean.saveMailsByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTableMails"
                                                             var="mails" 
                                                             value="#{scpersonBean.personMailList}"
                                                             rowKey="#{mails.idMail}"
                                                             paginator="true" rows="10"  
                                                             pageLinks="40" editable="true"
                                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                             {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                             liveResize="true" rowsPerPageTemplate="15,30,50"
                                                             paginatorPosition="top"
                                                             sortBy="#{mails.idMail}">
                                                    <p:column  style="width:32px">
                                                        <p:commandButton icon="ui-icon-close" update="dataTableMails" title="Eliminar Correo"
                                                                         process=":formWizard:dataTableMails" actionListener="#{scpersonBean.removeMailsByPerson(mails)}" >
                                                        </p:commandButton>
                                                    </p:column>         
                                                    <p:column  headerText="Correo" sortBy="#{mails.mail}">
                                                        <p:outputLabel  value="#{mails.mail}"/>
                                                    </p:column>
                                                    <p:column  headerText="Descripción" sortBy="#{mails.description}">
                                                        <p:outputLabel value="#{mails.description}"/>
                                                    </p:column>
                                                </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
<!--                        pestaña de observaciones a guardar-->
                        <p:tab title="Observaciones" id="tabObservationSave" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para las Observaciones del Tercero">
                            <p:panel header="Observaciones del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfObservationTittleSave" value="Título"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfObservationTittleSave" value="#{scpersonBean.personObservationsAdd.tittle}"/>
                                                <p:tooltip for="tfObservationTittleSave" value="Ingrese el título de la observación a Realizar"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfObservationSave" value="Observación"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfObservationSave" value="#{scpersonBean.personObservationsAdd.observation}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfObservationSave,tfObservationTittleSave,dataTableObservations"
                                                            actionListener="#{scpersonBean.saveObservationsByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTableObservations"
                                                             var="observations" 
                                                             value="#{scpersonBean.personObservationsList}"
                                                             rowKey="#{observations.idPersonObservations}"
                                                             paginator="true" rows="10"  
                                                             pageLinks="40" editable="true"
                                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                             {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                             liveResize="true" rowsPerPageTemplate="15,30,50"
                                                             paginatorPosition="top"
                                                             sortBy="#{observations.tittle}">
                                            <p:column  style="width:32px">
                                                <p:commandButton icon="ui-icon-close" update="dataTableObservations" title="Eliminar Observaciones"
                                                                 process=":formWizard:dataTableObservations" 
                                                                 actionListener="#{scpersonBean.removeObservationsByPerson(observations)}" >
                                                </p:commandButton>
                                            </p:column>
                                            <p:column  headerText="Título" sortBy="#{observations.tittle}">
                                                <p:outputLabel value="#{observations.tittle}"/>
                                            </p:column>
                                            <p:column  headerText="Observación" sortBy="#{observations.observation}">
                                                <p:outputLabel value="#{observations.observation}"/>
                                            </p:column>
                                        </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
<!--                        pestaña de especificaciones a guardar-->
                        <p:tab title="Especificaciones" id="tabSpecificationsSave" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para las Espeficaciones del Tercero">
                            <p:panel header="Especificaciones del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfSpecificationTittleSave" value="Título"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfSpecificationTittleSave" value="#{scpersonBean.personSpecificationsAdd.tittle}"/>
                                                <p:tooltip for="tfSpecificationTittleSave" value="Ingrese el título de la Espeficación a Realizar"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfSpecificationSave" value="Especificación"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfSpecificationSave" value="#{scpersonBean.personSpecificationsAdd.specification}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfSpecificationTittleSave,tfSpecificationSave,dataTableSpecifications"
                                                            actionListener="#{scpersonBean.saveSpecificationsByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTableSpecifications"
                                                             var="specifications" 
                                                             value="#{scpersonBean.personSpecificationsList}"
                                                             rowKey="#{specifications.idPersonSpecifications}"
                                                             paginator="true" rows="10"  
                                                             pageLinks="40" editable="true"
                                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                             {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                             liveResize="true" rowsPerPageTemplate="15,30,50"
                                                             paginatorPosition="top"
                                                             sortBy="#{specifications.tittle}">
                                                <p:column  style="width:32px">
                                                   <p:commandButton icon="ui-icon-close" update="dataTableSpecifications" title="Eliminar Observaciones"
                                                                    process=":formWizard:dataTableSpecifications" 
                                                                    actionListener="#{scpersonBean.removeSpecificationsByPerson(specifications)}" >
                                                   </p:commandButton>
                                               </p:column>
                                                <p:column  headerText="Título" sortBy="#{specifications.tittle}">
                                                    <p:outputLabel value="#{specifications.tittle}"/>
                                                </p:column>
                                                <p:column  headerText="Especificación" sortBy="#{specifications.specification}">
                                                    <p:outputLabel value="#{specifications.specification}"/>
                                                </p:column>
                                                    
                                        </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
<!--                        pestaña de documentacion-->
                        <p:tab title="Confirmar" id="tabConfirmSave" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para la Documentación del Tercero y Confirmar los Cambios">
                            <p:panel header="Datos del Tercero" >
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowIdentification" value="Cédula"/>
                                        </td>
                                        <td width="40%">
                                        <p:outputLabel id="lblShowIdentification" value="#{scpersonBean.personAdd.identification}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowAge" value="Edad"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowAge" value="#{scpersonBean.personAdd.age}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowLastName" value="Apellidos"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowLastName" value="#{scpersonBean.personAdd.lastName}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowFirstName" value="Nombres"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowFirstName" value="#{scpersonBean.personAdd.firstName}"/>
                                        </td>
                                    </tr> 
                                    <tr>
                                        
                                        <td width="10%">
                                            <p:outputLabel for="lblShowDomicilie" value="Dirección"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowDomicilie" value="#{scpersonBean.personAdd.domicilie}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowCreationDate" value="Fecha De Creación"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowCreationDate" value="#{scpersonBean.personAdd.creationDate}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowCountry" value="País"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowCountry" value="#{scpersonBean.personAdd.country}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowCity" value="Ciudad"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowCity" value="#{scpersonBean.personAdd.city}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowDescription" value="Descripción"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowDescription" value="#{scpersonBean.personAdd.description}"/>
                                            <p:tooltip for="lblShowDescription" value="#{scpersonBean.personAdd.description}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowStudies" value="Estudios"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowStudies" value="#{scpersonBean.personAdd.studies}"/>
                                            <p:tooltip for="lblShowStudies" value="#{scpersonBean.personAdd.studies}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowPersonalInformation" value="Información Personal"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowPersonalInformation" value="#{scpersonBean.personAdd.personalInformation}"/>
                                            <p:tooltip for="lblShowPersonalInformation" value="#{scpersonBean.personAdd.personalInformation}"/>
                                        </td>
                                        <td colspan="2" width="50%"></td>
                                        
                                    </tr>
                                    <tr>
                                        <td colspan="4">
                                            <center>
                                                <p:commandButton value="Guardar Tercero" onsuccess="PF('dialogPersonSave').hide();PF('wizardSave').loadStep('tabBasicDataSave', false)" 
                                                                 actionListener="#{scpersonBean.savePerson()}" 
                                                                 update=":formPerson:dataTablePersons,:formWizard"/>
                                                <p:spacer width="20"/>
                                                <p:commandButton value="Cancelar" oncomplete="PF('dialogPersonSave').hide();PF('wizardSave').loadStep('tabBasicDataSave', false)" />
                                            </center>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
                   </p:wizard>
                </h:form>
                
            </p:dialog>
            <!--         finaliza el dialogo para guardar Usuarios               -->
            
            <!--         Dialogo para actualizar Usuarios         -->
            <p:dialog id="dialogPersonUpdate" widgetVar="dialogPersonUpdate" position="center top" width="800"
                      closable="true" draggable="true" dynamic="true" header="Actualizar Terceros"
                      hideEffect="explode" modal="true" showEffect="explode" resizable="true">


                <h:form id="formWizardUpdate" >
                    <p:wizard  flowListener="#{scpersonBean.onFlowProcessUpdatePerson}" id="wizardUpdate" widgetVar="wizardUpdate">
                        <p:tab title="Datos Básicos" id="tabBasicDataUpdate" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para los datos básicos del Tercero">
                            <p:panel header="Datos Básicos del Tercero" >
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  value="Imagen"/>
                                        </td>
                                        <td width="40%" align="left" valign="middle">
                                        <h:graphicImage value="#{scpersonBean.searchImage(scpersonBean.personUpdate)}" alt="Imagen no disponible" id="imageUpdate" 
                                                            width="120" height="120"  />
                                            <p:spacer width="5px"/>
                                            <p:commandButton  id="btnPicture" icon="ui-icon-image"  oncomplete="PF('pictureUpdate').show()" style="top: -10px;"
                                                              ignoreAutoUpdate="true"/>                                       
                                        </td>
                                        <td colspan="2" ></td>
                                    </tr>
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfLastNameUpdate" value="Apellidos"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfLastNameUpdate"  value="#{scpersonBean.personUpdate.lastName}"
                                        required="true" requiredMessage="Campo obligatorio debe ingresar los apellidos del tercero"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfFirstNameUpdate" value="Nombres"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfFirstNameUpdate"  value="#{scpersonBean.personUpdate.firstName}"
                                        required="true" requiredMessage="Campo obligatorio debe ingresar los nombres del tercero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfAgeUpdate" value="Edad"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputMask    id="tfAgeUpdate"  value="#{scpersonBean.personUpdate.age}"
                                                        mask="99" required="true" requiredMessage="Campo obligatorio debe ingresar la edad del tercero"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfCountryUpdate" value="País"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfCountryUpdate"  value="#{scpersonBean.personUpdate.country}"
                                                            required="true" requiredMessage="Campo obligatorio debe ingresar el país de nacionalidad del tercero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfCityUpdate" value="Ciudad"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfCityUpdate"  value="#{scpersonBean.personUpdate.city}"
                                                            required="true" requiredMessage="Campo obligatorio debe ingresar la ciudad del tercero"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfDomicilieUpdate" value="Dirección"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputText    id="tfDomicilieUpdate"  value="#{scpersonBean.personUpdate.domicilie}"
                                                            required="true" requiredMessage="Campo obligatorio debe ingresar la dirección del tercero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfDescriptionUpdate" value="Descripción"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputTextarea    id="tfDescriptionUpdate"  value="#{scpersonBean.personUpdate.description}"/>
                                        </td>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfPersonalInformationUpdate" value="Información Personal"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputTextarea    id="tfPersonalInformationUpdate"  value="#{scpersonBean.personUpdate.personalInformation}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%" align="right">
                                            <p:outputLabel  for="tfStudiesUpdate" value="Estudios"/>
                                        </td>
                                        <td width="40%" align="left">
                                        <p:inputTextarea    id="tfStudiesUpdate"  value="#{scpersonBean.personUpdate.studies}"/>
                                        </td>
                                        <td width="10%" align="right">
                                            
                                        </td>
                                        <td width="40%" align="left">
                                            
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab> 
<!--                        pestaña para actualizar los telefonos-->
                        <p:tab title="Teléfonos" id="tabPhonesUpdate" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para los Teléfonos del Tercero">
                            <p:panel header="Teléfonos del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfPhoneUpdate" value="Teléfono"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfPhoneUpdate" value="#{scpersonBean.phoneAdd.numberPhone}"/>
                                                <p:tooltip for="tfPhoneUpdate" value="Ingrese sólo números, teniendo en cuenta el operador de cada número ejemplo 0325142402"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfPhoneDescriptionUpdate" value="Descripción"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfPhoneDescriptionUpdate" value="#{scpersonBean.phoneAdd.description}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfPhoneUpdate,tfPhoneDescriptionUpdate,dataTablePhonesUpdate"
                                                            actionListener="#{scpersonBean.updatePhonesByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTablePhonesUpdate" 
                                                             var="phones" 
                                                             value="#{scpersonBean.personUpdate.scPhonesList}"
                                                             rowKey="#{phones.idPhone}"
                                                             paginator="true" rows="10"  
                                                             pageLinks="40" editable="true"
                                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                             {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                             liveResize="true" rowsPerPageTemplate="15,30,50"
                                                             paginatorPosition="top"
                                                             sortBy="#{phones.idPhone}">
                                            <p:column  style="width:32px">
                                                <p:commandButton icon="ui-icon-close" update="dataTablePhonesUpdate" title="Eliminar Teléfono"
                                                                 process=":formWizardUpdate:dataTablePhonesUpdate" actionListener="#{scpersonBean.removePhonesByPersonUpdate(phones)}" >
                                                </p:commandButton>
                                            </p:column>
                                           <p:column  headerText="Teléfono" sortBy="#{phones.numberPhone}">
                                               <p:outputLabel value="#{phones.numberPhone}"/>
                                           </p:column>
                                           <p:column  headerText="Descripción" sortBy="#{phones.description}">
                                               <p:outputLabel    value="#{phones.description}"/>
                                           </p:column>
                                        </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                                 
                            </p:panel>
                        </p:tab>
<!--pestaña para actualizar correos-->
                        <p:tab title="Correos" id="tabMailsUpdate" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para los Correos del Tercero">
                            <p:panel header="Correos del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfMailUpdate" value="Correo"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfMailUpdate" value="#{scpersonBean.mailAdd.mail}"/>
                                                <p:tooltip for="tfMailUpdate" value="Ingrese un correo con el formato xxxxxxxx@xxxxx.xxx"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfMailDescriptionUpdate" value="Descripción"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfMailDescriptionUpdate" value="#{scpersonBean.mailAdd.description}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfMailUpdate,tfMailDescriptionUpdate,dataTableMailsUpdate"
                                                            actionListener="#{scpersonBean.updateMailsByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTableMailsUpdate"
                                                             var="mails" 
                                                             value="#{scpersonBean.personUpdate.scMailsList}"
                                                             rowKey="#{mails.idMail}"
                                                             paginator="true" rows="10"  
                                                             pageLinks="40" editable="true"
                                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                             {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                             liveResize="true" rowsPerPageTemplate="15,30,50"
                                                             paginatorPosition="top"
                                                             sortBy="#{mails.idMail}">
                                            <p:column  style="width:32px">
                                                <p:commandButton icon="ui-icon-close" update="dataTableMailsUpdate" title="Eliminar Correo"
                                                                 process=":formWizardUpdate:dataTableMailsUpdate" actionListener="#{scpersonBean.removeMailsByPersonUpdate(mails)}" >
                                                </p:commandButton>
                                            </p:column>         
                                            <p:column  headerText="Correo" sortBy="#{mails.mail}">
                                                <p:outputLabel  value="#{mails.mail}"/>
                                            </p:column>
                                            <p:column  headerText="Descripción" sortBy="#{mails.description}">
                                                <p:outputLabel value="#{mails.description}"/>
                                            </p:column>
                                        </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
<!--            pestaña para actualizar las observaciones-->
                        <p:tab title="Observaciones" id="tabObservationUpdate" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para las Observaciones del Tercero">
                            <p:panel header="Observaciones del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfObservationTittleUpdate" value="Título"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfObservationTittleUpdate" value="#{scpersonBean.personObservationsAdd.tittle}"/>
                                                <p:tooltip for="tfObservationTittleUpdate" value="Ingrese el título de la observación a Realizar"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfObservationUpdate" value="Observación"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfObservationUpdate" value="#{scpersonBean.personObservationsAdd.observation}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfObservationUpdate,tfObservationTittleUpdate,dataTableObservationsUpdate"
                                                            actionListener="#{scpersonBean.updateObservationsByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTableObservationsUpdate"
                                                             var="observations" 
                                                             value="#{scpersonBean.personUpdate.scPersonObservationsList}"
                                                             rowKey="#{observations.idPersonObservations}"
                                                             paginator="true" rows="10"  
                                                             pageLinks="40" editable="true"
                                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                             {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                             liveResize="true" rowsPerPageTemplate="15,30,50"
                                                             paginatorPosition="top"
                                                             sortBy="#{observations.tittle}">
                                                <p:column  style="width:32px">
                                                    <p:commandButton icon="ui-icon-close" update="dataTableObservationsUpdate" title="Eliminar Observaciones"
                                                                     process=":formWizardUpdate:dataTableObservationsUpdate" 
                                                                     actionListener="#{scpersonBean.removeObservationsByPersonUpdate(observations)}" >
                                                    </p:commandButton>
                                                </p:column>
                                                <p:column  headerText="Título" sortBy="#{observations.tittle}">
                                                    <p:outputLabel value="#{observations.tittle}"/>
                                                </p:column>
                                                <p:column  headerText="Observación" sortBy="#{observations.observation}">
                                                    <p:outputLabel value="#{observations.observation}"/>
                                                </p:column>
                                                </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
<!--        pestaña para actualizar las especificaciones-->
                        <p:tab title="Especificaciones" id="tabSpecificationsUpdate" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para las Espeficaciones del Tercero">
                            <p:panel header="Especificaciones del Tercero" >
                              
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="40%">
                                        <table width="100%" cellspacing="10">
                                                <tr>
                                                    <td width="40%" >
                                                <p:outputLabel for="tfSpecificationTittleUpdate" value="Título"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputText id="tfSpecificationTittleUpdate" value="#{scpersonBean.personSpecificationsAdd.tittle}"/>
                                                <p:tooltip for="tfSpecificationTittleUpdate" value="Ingrese el título de la Espeficación a Realizar"/>
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td width="40%">
                                                <p:outputLabel for="tfSpecificationUpdate" value="Especificación"/>
                                                </td>
                                                <td width="60%">
                                                <p:inputTextarea id="tfSpecificationUpdate" value="#{scpersonBean.personSpecificationsAdd.specification}"/>
                                                
                                                </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <center>
                                                            <p:commandButton value="Guardar" update="tfSpecificationTittleUpdate,tfSpecificationUpdate,dataTableSpecificationsUpdate"
                                                            actionListener="#{scpersonBean.updateSpecificationsByPerson()}"/>
                                                        </center>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </td>
                                        <td width="60%" align="center" valign="top">
                                        <p:dataTable id="dataTableSpecificationsUpdate"
                                                             var="specifications" 
                                                             value="#{scpersonBean.personUpdate.scPersonSpecificationsList}"
                                                             rowKey="#{specifications.idPersonSpecifications}"
                                                             paginator="true" rows="10"  
                                                             pageLinks="40" editable="true"
                                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                                             {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                             liveResize="true" rowsPerPageTemplate="15,30,50"
                                                             paginatorPosition="top"
                                                             sortBy="#{specifications.tittle}">
                                            <p:column  style="width:32px">
                                                   <p:commandButton icon="ui-icon-close" update="dataTableSpecificationsUpdate" title="Eliminar Observaciones"
                                                                    process=":formWizardUpdate:dataTableSpecificationsUpdate" 
                                                                    actionListener="#{scpersonBean.removeSpecificationsByPersonUpdate(specifications)}" >
                                                   </p:commandButton>
                                               </p:column>
                                                <p:column  headerText="Título" sortBy="#{specifications.tittle}">
                                                    <p:outputLabel value="#{specifications.tittle}"/>
                                                </p:column>
                                                <p:column  headerText="Especificación" sortBy="#{specifications.specification}">
                                                    <p:outputLabel value="#{specifications.specification}"/>
                                                </p:column>
                                                </p:dataTable>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
<!--pestaña para actualizar los documentos-->
                        <p:tab title="Confirmar" id="tabConfirmUpdate" titleStyleClass="tabTittleSavePerson" 
                               titletip="Pestaña para la Documentación del Tercero y Confirmar los Cambios">
                            
                            <p:panel header="Datos del Tercero" >
                                <table width="98%" cellspacing="10" >
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowLastNameUpdate" value="Apellidos"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowLastNameUpdate" value="#{scpersonBean.personUpdate.lastName}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowFirstNameUpdate" value="Nombres"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowFirstNameUpdate" value="#{scpersonBean.personUpdate.firstName}"/>
                                        </td>
                                    </tr> 
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowAgeUpdate" value="Edad"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowAgeUpdate" value="#{scpersonBean.personUpdate.age}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowDomicilieUpdate" value="Dirección"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowDomicilieUpdate" value="#{scpersonBean.personUpdate.domicilie}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowCountryUpdate" value="País"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowCountryUpdate" value="#{scpersonBean.personUpdate.country}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowCityUpdate" value="Ciudad"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowCityUpdate" value="#{scpersonBean.personUpdate.city}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowDescriptionUpdate" value="Descripción"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowDescriptionUpdate" value="#{scpersonBean.personUpdate.description}"/>
                                            <p:tooltip for="lblShowDescriptionUpdate" value="#{scpersonBean.personUpdate.description}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowStudiesUpdate" value="Estudios"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowStudiesUpdate" value="#{scpersonBean.personUpdate.studies}"/>
                                            <p:tooltip for="lblShowStudiesUpdate" value="#{scpersonBean.personUpdate.studies}"/>
                                        </td>
                                    </tr>
                                    <tr> 
                                        <td width="10%">
                                            <p:outputLabel for="lblShowPersonalInformationUpdate" value="Información Personal"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowPersonalInformationUpdate" value="#{scpersonBean.personUpdate.personalInformation}"/>
                                            <p:tooltip for="lblShowPersonalInformationUpdate" value="#{scpersonBean.personUpdate.personalInformation}"/>
                                        </td>
                                        <td width="10%">
                                            <p:outputLabel for="lblShowCreationDateUpdate" value="Fecha De Creación"/>
                                        </td>
                                        <td width="40%">
                                            <p:outputLabel id="lblShowCreationDateUpdate" value="#{scpersonBean.personUpdate.creationDate}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4">
                                            <center>
                                                <p:commandButton value="Guardar" onsuccess="PF('dialogPersonUpdate').hide();PF('wizardUpdate').loadStep('tabBasicDataUpdate', false);" 
                                                                 actionListener="#{scpersonBean.updatePerson()}"
                                                                 update=":formPerson:dataTablePersons,:formWizardUpdate"/>
                                                <p:spacer width="20"/>
                                                <p:commandButton value="Cancelar" oncomplete="PF('dialogPersonUpdate').hide();PF('wizardUpdate').loadStep('tabBasicDataUpdate', false)" />
                                            </center>
                                        </td>
                                    </tr>
                                </table>
                            </p:panel>
                        </p:tab>
                        
                    </p:wizard>
                </h:form>
                
            </p:dialog>
            <!--         finaliza el dialogo para actualizar Usuarios               -->
            
            <!--             inicia el dialogo para elimianr registros           -->
            <p:dialog id="dialogPersonDelete" widgetVar="dialogPersonDelete" position="center top"
                      closable="true" draggable="true" dynamic="true" header="Eliminar Terceros"
                      hideEffect="explode" modal="true" showEffect="explode" resizable="false">
                <h:form id="formDeleteScPerson">
                    <table width="100%" cellspacing="30" style="padding: 0px; margin: 0px;">
                        <tr>
                            <td>
                        <p:outputLabel value="¿Desea eliminar el tercero #{scpersonBean.personSelected.lastName} 
                                       #{scpersonBean.personSelected.firstName}?" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center">
                        <p:commandButton value="Eliminar" actionListener="#{scpersonBean.deletePerson()}"  
                                                 onsuccess="PF('dialogPersonDelete').hide()"
                                                 update="@this,:formPerson:dataTablePersons"/>
                                <p:spacer width="20"/>

                                <p:commandButton value="Cancelar" oncomplete="PF('dialogPersonDelete').hide()"
                                                 update="@this"/>
                            </td>
                        </tr>
                    </table>
                </h:form>
            </p:dialog>
            
            
<!--            finaliza el dialogo para eliminar registros            -->


<!--            inicial el dialogo para ver en detalle un tercero-->
                <p:dialog id="dialogPersonView" widgetVar="dialogPersonView" draggable="true" 
                      header="Visualización en Detalle de Terceros" position="center top" width="750"
                      hideEffect="explode" modal="true" showEffect="explode" resizable="true">
                    <h:form id="formWizardView">
                        <p:tabView dynamic="true" activeIndex="0">
                            <p:tab title="Datos Básicos">
                                <table>
                                    <tr>
                                        <td width="20%" align="left">
                                            <p:outputLabel  value="Nombre"/>
                                        </td>
                                        <td width="30%" align="left"> 
                                        <p:outputLabel  value="#{scpersonBean.personSelected.lastName} #{scpersonBean.personSelected.firstName}"/>
                                            
                                        </td>
                                        <td width="20%" align="left">
                                            <p:outputLabel  value="Identificación"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel  value="#{scpersonBean.personSelected.identification}"/>
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%" align="left">
                                            <p:outputLabel  value="Edad"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel  value="#{scpersonBean.personSelected.age}"/>
                                            
                                        </td>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="Dirección"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel value="#{scpersonBean.personSelected.domicilie}"/>                                
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="País"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel value="#{scpersonBean.personSelected.country}"/>
                                        </td>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="Ciudad"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel  value="#{scpersonBean.personSelected.city}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="Información Personal"/>
                                        </td>
                                        <td width="30%" align="left">
                                        <p:outputLabel id="lblPersonalInformationView" value="#{scpersonBean.personSelected.personalInformation}"/>
                                        <p:tooltip for="lblPersonalInformationView" value="#{scpersonBean.personSelected.personalInformation}"/>
                                        </td>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="Estudios"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel  id="lblStudiesView" value="#{scpersonBean.personSelected.studies}"/>
                                            <p:tooltip for="lblStudiesView" value="#{scpersonBean.personSelected.studies}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="Descripción"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel id="lblDescriptionView" value="#{scpersonBean.personSelected.description}"/>
                                            <p:tooltip for="lblDescriptionView" value="#{scpersonBean.personSelected.description}"/>
                                        </td>
                                         <td colspan="2">
                                        
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="Fecha de Creación"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel value="#{scpersonBean.getFormatDate(scpersonBean.personSelected.creationDate)}"/>
                                        </td>
                                        <td width="20%" align="left">
                                            <p:outputLabel value="Fecha de Modificación"/>
                                        </td>
                                        <td width="30%" align="left">
                                            <p:outputLabel value="#{scpersonBean.getFormatDate(scpersonBean.personSelected.modifyDate)}"/>
                                        </td>
                                    </tr>
                                     
                                </table>
                            </p:tab>
                            <p:tab title="Teléfonos" > 
                                <p:dataTable 
                                            var="phones"
                                            value="#{scpersonBean.personSelected.scPhonesList}"
                                            rowKey="#{phones.idPhone}"
                                            paginator="true" rows="10"  
                                            pageLinks="40" editable="true"
                                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                            {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                            liveResize="true" rowsPerPageTemplate="15,30,50"
                                            paginatorPosition="top"
                                            sortBy="#{phones.idPhone}">
                                   
                                    <p:column  headerText="Número Telefónico" sortBy="#{phones.numberPhone}">
                                       <p:outputLabel value="#{phones.numberPhone}"/>
                                   </p:column>
                                    <p:column  headerText="Descripción" sortBy="#{phones.description}">
                                       <p:outputLabel value="#{phones.description}"/>
                                   </p:column>
                               </p:dataTable>
                            </p:tab>
                            <p:tab title="Correos"> 
                                <p:dataTable 
                                            var="mails"
                                            value="#{scpersonBean.personSelected.scMailsList}"
                                            rowKey="#{mails.idMail}"
                                            paginator="true" rows="10"  
                                            pageLinks="40" editable="true"
                                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                            {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                            liveResize="true" rowsPerPageTemplate="15,30,50"
                                            paginatorPosition="top"
                                            sortBy="#{mails.idMail}">
                                   
                                    <p:column  headerText="Correo" sortBy="#{mails.mail}">
                                       <p:outputLabel value="#{mails.mail}"/>
                                   </p:column>
                                    <p:column  headerText="Descripción" sortBy="#{mails.description}">
                                        <p:outputLabel value="#{mails.description}"/>
                                   </p:column>
                                </p:dataTable>
                            </p:tab>
                            <p:tab title="Observaciones"> 
                                <p:dataTable 
                                            var="observations"
                                            value="#{scpersonBean.personSelected.scPersonObservationsList}"
                                            rowKey="#{observations.idPersonObservations}"
                                            paginator="true" rows="10"  
                                            pageLinks="40" editable="true"
                                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                            {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                            liveResize="true" rowsPerPageTemplate="15,30,50"
                                            paginatorPosition="top"
                                            sortBy="#{observations.idPersonObservations}">
                                   
                                    <p:column  headerText="Título" sortBy="#{observations.tittle}">
                                       <p:outputLabel value="#{mails.mail}"/>
                                   </p:column>
                                    <p:column  headerText="Observación" sortBy="#{observations.observation}">
                                        <p:outputLabel value="#{observations.observation}"/>
                                   </p:column>
                                </p:dataTable>
                            </p:tab>
                            <p:tab title="Especificaciones"> 
                                <p:dataTable 
                                            var="specifications"
                                            value="#{scpersonBean.personSelected.scPersonSpecificationsList}"
                                            rowKey="#{specifications.idPersonSpecifications}"
                                            paginator="true" rows="10"  
                                            pageLinks="40" editable="true"
                                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                                            {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                            liveResize="true" rowsPerPageTemplate="15,30,50"
                                            paginatorPosition="top"
                                            sortBy="#{specifications.idPersonSpecifications}">
                                   
                                    <p:column  headerText="Título" sortBy="#{specifications.tittle}">
                                       <p:outputLabel value="#{specifications.tittle}"/>
                                   </p:column>
                                    <p:column  headerText="Especificación" sortBy="#{specifications.specification}">
                                        <p:outputLabel value="#{specifications.specification}"/>
                                   </p:column>
                                </p:dataTable>
                            </p:tab>
                        </p:tabView>
                    </h:form>
                </p:dialog>
<!--            finaliza el dialgo para ver en detalle un tercero-->
            

<!--            Dialogo para subir imagenes width="10%" align="right" -->
            <p:dialog id="pictureSave" widgetVar="pictureSave" draggable="true" 
                      closable="true"  header="Cargar Imagen..." position="center top" 
                      hideEffect="explode" modal="true" showEffect="explode" 
                      >

                <h:form enctype="multipart/form-data" prependId="false">
                    <p:panelGrid columns="2" style="border: 0px solid; text-align: center;">
                        <p:fileUpload label="Imagen del Insumo" value="#{scpersonBean.pictureFile}" mode="simple"
                                      >       >        
                        </p:fileUpload>

                        <p:commandButton id="btnLoadDocument" value="Cargar" icon="ui-icon-circle-arrow-s"
                                         actionListener="#{scpersonBean.handleFileUpload(1)}" ajax="false" ignoreAutoUpdate="true"/>
                    </p:panelGrid>
                </h:form>
            </p:dialog>
            <!--            finaliza el dialogo para subir imagenes-->
            <!--            Dialogo para actualizar imagenes width="10%" align="right" -->
            <p:dialog id="pictureUpdate" widgetVar="pictureUpdate" draggable="true" 
                      closable="true"  header="Cargar Imagen..." position="center top" 
                      hideEffect="explode" modal="true" showEffect="explode" 
                      >

                <h:form enctype="multipart/form-data" prependId="false">
                    <p:panelGrid columns="2" style="border: 0px solid; text-align: center;">
                        <p:fileUpload label="Imagen del Insumo" value="#{scpersonBean.pictureFile}" mode="simple"
                                      >       >        
                        </p:fileUpload>

                        <p:commandButton id="btnLoadDocumentUpdate" value="Cargar" icon="ui-icon-circle-arrow-s"
                                         actionListener="#{scpersonBean.handleFileUpload(2)}" ajax="false" ignoreAutoUpdate="true" />
                    </p:panelGrid>
                </h:form>
            </p:dialog>
            <!--            finaliza el dialogo para actualizar imagenes-->


            <h:form id="formPerson">
                <p:remoteCommand name="personInit" update=":formPerson:dataTablePersons" />
                <p:growl autoUpdate="true" showDetail="true" life="8000" />
                <p:dataTable 
                    id="dataTablePersons" 
                    var="person" 
                    value="#{scpersonBean.scPersons}"
                    rowKey="#{person.idPerson}"
                    draggableColumns="true"
                    paginator="true" rows="10"  
                    pageLinks="40"
                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
                    {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                    liveResize="true" rowsPerPageTemplate="15,30,50"
                    selectionMode="single" paginatorPosition="top"
                    selection="#{scpersonBean.personSelected}"
                    sortBy="#{person.lastName} #{person.firstName}">
<!--                    <p:ajax event="rowSelect" oncomplete="PF('dialogPersonView').show()" 
                            
                            update=":formWizardView" />-->
                    <f:facet name="header">
                        <p:commandButton icon="ui-icon-plus" id="btnAdd" style="float: right;"
                                         oncomplete="PF('dialogPersonSave').show()">
                            <p:tooltip for="btnAdd" value="Agregar una Tercero"/>
                        </p:commandButton>
                    </f:facet>
                    
                    
                    
                    <p:column filterMatchMode="contains"  filterBy="#{person.identification}" headerText="ID" sortBy="#{person.identification}">
                        <h:outputText value="#{person.identification}"  id="lblidentification"/>
                        <p:tooltip for="lblidentification" value="#{person.identification}"/>
                    </p:column>
                    
                    <p:column filterMatchMode="contains"  filterBy="#{person.lastName}" headerText="Apellidos" sortBy="#{person.lastName}">
                        <p:outputLabel id="lblLastName" value="#{person.lastName}"/>
                        <p:tooltip for="lblLastName" value="#{person.lastName}"/>
                    </p:column>
                    
                    <p:column filterMatchMode="contains"  filterBy="#{person.firstName}" headerText="Nombres">
                        <p:outputLabel id="lblFirstName" value="#{person.firstName}" />
                        <p:tooltip for="lblLastName" value="#{person.lastName}"/>
                    </p:column>                   


                    <p:column filterMatchMode="contains"  filterBy="#{person.studies}" headerText="Estudios" sortBy="#{person.studies}">
                        <p:outputLabel id="lblStudies" value="#{person.studies}" />
                        <p:tooltip for="lblStudies" value="#{person.studies}"/>
                    </p:column>

                    <p:column headerText="Admin" width="100">
                        <center>
                            
                            <p:commandButton icon="ui-icon-search" id="btnSearch" update=":formWizardView"
                            actionListener="#{scpersonBean.getPersonByDataTable(person)}"
                            oncomplete="PF('dialogPersonView').show()">
                                <p:tooltip for="btnSearch" value="Visualizar un Tercero"/>
                            </p:commandButton>
                            <p:spacer width="3"/>
                            <p:commandButton  id="btnEdit"  actionListener="#{scpersonBean.getPersonByUpdateDataTable(person)}"
                            icon="ui-icon-pencil" update=":formWizardUpdate:wizardUpdate"
                            oncomplete="PF('dialogPersonUpdate').show()"                  >
                                <p:tooltip for="btnEdit" value="Editar un Tercero"/>
                            </p:commandButton>

                            <p:spacer width="3"/>
                            <p:commandButton icon="ui-icon-close" id="btnDelete" update=":formDeleteScPerson"
                            actionListener="#{scpersonBean.getPersonByDataTable(person)}"
                            oncomplete="PF('dialogPersonDelete').show()">
                                <p:tooltip for="btnDelete" value="Eliminar un Tercero"/>
                            </p:commandButton>
                            
                        </center>
                    </p:column>
                </p:dataTable>

            </h:form>
        </h:body>
    </f:view>

</html>

